<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chome=1" />
		<!--视口--设备宽度--初始缩放比例--最小缩放比例--最大缩放比例--用户缩放-->
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--禁止浏览器自动的识别-电话号码-email--->
		<meta name="format-detection" content="telephone=no,email=no" />
		<!--是否启用Web全屏-->
		<meta name="apple-mobile-web-app-capable" content='yes' />
		<meta name="apple-mobile-web-status-bar-style" content="normal|black|black-translucent">
		<!--设置苹果工具栏颜色-->
		<meta name="apple-mobile-web-app-status-bar-style" content='black' />
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css3/css3.css"/>
		<title></title>
	</head>
	<body>
		<div class="box-1">
			<div class="daohang-1">
				<img src="img1/zhuangtai.png">
		</div>
		<nav>
			<ul class="swiper-wrapper">
				<li class="swiper-slide">
					<span>热门</span>
				</li>
				<li class="swiper-slide">
					<span>关注</span>
				</li><br />
			</ul>
		</nav>
			<main>
				<div>
					<div class="tab">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<ul class="sul">
			<li>
				<div><img src="img2/IMG_4703_03.png" /></div>
				<div>
					<p class="sp1">晚霞（wanxia）</p>
					<p class="sp2">发布于3分钟前</p>
				</div>
			</li>
			<li>
				<p><span style="color: #CCCCCC;">#用美食喂饱手机#</span>天气炎热，用西瓜喂饱手机，来降降温</p>
			</li>
			<li><img src="img2/IMG_4703_24.png" /></li>
			<li>
				<ul class="sul3">
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
				</ul>
			</li>
		</ul>
		<ul class="sul">
			<li>
				<div><img src="img2/IMG_4703_03.png" /></div>
				<div>
					<p class="sp1">晚霞（wanxia）</p>
					<p class="sp2">发布于3分钟前</p>
				</div>
			</li>
			<li>
				<p><span style="color: #CCCCCC;">#用美食喂饱手机#</span>天气炎热，用西瓜喂饱手机，来降降温</p>
			</li>
			<li><img src="img2/IMG_4703_26.png" /></li>
			<li>
				<ul class="sul3">
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
				</ul>
			</li>
		</ul>
		<ul class="sul">
			<li>
				<div><img src="img2/IMG_4703_03.png" /></div>
				<div>
					<p class="sp1">晚霞（wanxia）</p>
					<p class="sp2">发布于3分钟前</p>
				</div>
			</li>
			<li>
				<p><span style="color: #CCCCCC;">#用美食喂饱手机#</span>天气炎热，用西瓜喂饱手机，来降降温</p>
			</li>
			<li><img src="img2/IMG_4703_28.png" /></li>
			<li>
				<ul class="sul3">
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
				</ul>
			</li>
		</ul>
		<ul class="sul">
			<li>
				<div><img src="img2/IMG_4703_03.png" /></div>
				<div>
					<p class="sp1">晚霞（wanxia）</p>
					<p class="sp2">发布于3分钟前</p>
				</div>
			</li>
			<li>
				<p><span style="color: #CCCCCC;">#用美食喂饱手机#</span>天气炎热，用西瓜喂饱手机，来降降温</p>
			</li>
			<li><img src="img2/IMG_4703_07.png" /></li>
			<li>
				<ul class="sul3">
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
				</ul>
			</li>
		</ul>
		<ul class="sul">
			<li>
				<div><img src="img2/IMG_4703_03.png" /></div>
				<div>
					<p class="sp1">晚霞（wanxia）</p>
					<p class="sp2">发布于3分钟前</p>
				</div>
			</li>
			<li>
				<p><span style="color: #CCCCCC;">#用美食喂饱手机#</span>天气炎热，用西瓜喂饱手机，来降降温</p>
			</li>
			<li><img src="img2/IMG_4703_24.png" /></li>
			<li>
				<ul class="sul3">
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
					<li>
						<img src="img2/IMG_4703_13.png" />7
					</li>
				</ul>
			</li>
		</ul>
				</div>
				<div class="swiper-slide">
					<div class="kuang-1-1">
					<div class="tu1-1-1">
						<img src="img1/zouguo.png">
						<span>思思斯柯达</span>
					</div>
					<div class="tu1-1-2">
						<span>当前<span style="color: red;">￥45</span></span>
					</div>
					<div class="tutu-1-1">
						<div class="t1-1-1">
							<img src="img1/h1.png">
						</div>
						<div class="t1-1-1">
							<img src="img1/h1.png">
						</div>
						<div class="t1-1-1">
							<img src="img1/h1.png">
						</div>
					</div>
					<div class="zouyou-1-1">
						<span>出价 0 浏览 2</span>
						<span>还剩22小时11分钟</span>
					</div>
					<div class="zouyou-1-1-1">
						<img src="img1/qitian.png">
						<img src="img1/jia.png">
					</div>
				</div>
				<div class="kuang-1-1">
					<div class="tu1-1-1">
						<img src="img1/zouguo.png">
						<span>思思斯柯达</span>
					</div>
					<div class="tu1-1-2">
						<span>当前<span style="color: red;">￥45</span></span>
					</div>
					<div class="tutu-1-1">
						<div class="t1-1-1">
							<img src="img1/凉山.png">
						</div>
						<div class="t1-1-1">
							<img src="img1/凉山.png">
						</div>
						<div class="t1-1-1">
							<img src="img1/凉山.png">
						</div>
					</div>
					<div class="zouyou-1-1">
						<span>出价 0 浏览 2</span>
						<span>还剩22小时11分钟</span>
					</div>
					<div class="zouyou-1-1-1">
						<img src="img1/qitian.png">
						<img src="img1/jia.png">
					</div>
				</div>
				<div class="kuang-1-1">
					<div class="tu1-1-1">
						<img src="img1/zouguo.png">
						<span>思思斯柯达</span>
					</div>
					<div class="tu1-1-2">
						<span>当前<span style="color: red;">￥45</span></span>
					</div>
					<div class="tutu-1-1">
						<div class="t1-1-1">
							<img src="img1/琉璃.png">
						</div>
						<div class="t1-1-1">
							<img src="img1/琉璃.png">
						</div>
						<div class="t1-1-1">
							<img src="img1/琉璃.png">
						</div>
					</div>
					<div class="zouyou-1-1">
						<span>出价 0 浏览 2</span>
						<span>还剩22小时11分钟</span>
					</div>
					<div class="zouyou-1-1-1">
						<img src="img1/qitian.png">
						<img src="img1/jia.png">
					</div>
				</div>
				<div class="kuang-1-1">
					<div class="tu1-1-1">
						<img src="img1/zouguo.png">
						<span>思思斯柯达</span>
					</div>
					<div class="tu1-1-2">
						<span>当前<span style="color: red;">￥45</span></span>
					</div>
					<div class="tutu-1-1">
						<div class="t1-1-1">
							<img src="img1/松石.png">
						</div>
						<div class="t1-1-1">
							<img src="img1/松石.png">
						</div>
						<div class="t1-1-1">
							<img src="img1/松石.png">
						</div>
					</div>
					<div class="zouyou-1-1">
						<span>出价 0 浏览 2</span>
						<span>还剩22小时11分钟</span>
					</div>
					<div class="zouyou-1-1-1">
						<img src="img1/qitian.png">
						<img src="img1/jia.png">
					</div>
				</div>
				<div class="kuang-1-1">
					<div class="tu1-1-1">
						<img src="img1/zouguo.png">
						<span>思思斯柯达</span>
					</div>
					<div class="tu1-1-2">
						<span>当前<span style="color: red;">￥45</span></span>
					</div>
					<div class="tutu-1-1">
						<div class="t1-1-1">
							<img src="img1/youxuan.png">
						</div>
						<div class="t1-1-1">
							<img src="img1/youxuan.png">
						</div>
						<div class="t1-1-1">
							<img src="img1/youxuan.png">
						</div>
					</div>
					<div class="zouyou-1-1">
						<span>出价 0 浏览 2</span>
						<span>还剩22小时11分钟</span>
					</div>
					<div class="zouyou-1-1-1">
						<img src="img1/qitian.png">
						<img src="img1/jia.png">
					</div>
				</div>
				<div class="kuang-1-1">
					<div class="tu1-1-1">
						<img src="img1/zouguo.png">
						<span>思思斯柯达</span>
					</div>
					<div class="tu1-1-2">
						<span>当前<span style="color: red;">￥45</span></span>
					</div>
					<div class="tutu-1-1">
						<div class="t1-1-1">
							<img src="img1/h1.png">
						</div>
						<div class="t1-1-1">
							<img src="img1/h1.png">
						</div>
						<div class="t1-1-1">
							<img src="img1/h1.png">
						</div>
					</div>
					<div class="zouyou-1-1">
						<span>出价 0 浏览 2</span>
						<span>还剩22小时11分钟</span>
					</div>
					<div class="zouyou-1-1-1" ng-repeat="tu in arr.tutu">
						<img ng-src="{{tu.img2}}">
						<img ng-src="{{tu.img3}}">
						
						
					</div>
				</div>
				</div>
			</div>
		</div>
				</div>
			</main>
		</div>
		
		
		<script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/angular-route1.4.5.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/iscroll.js" type="text/javascript" charset="utf-8"></script>
		
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<!--<script src="../bootstrap/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>-->
		<!--<script src="../bootstrap/js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>-->
		<script src="js/zepto.js" type="text/javascript" charset="utf-8"></script>
	<!--	<script src="../js/touch.js" type="text/javascript" charset="utf-8"></script>-->
		<script src="js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var nav=new Swiper("nav",{
			slidesPerView:2,
			onTap:function(){
				var index=nav.clickedIndex;
				tab.slideTo(index);
				$("nav li").eq(index).addClass("active").siblings().removeClass("active")
			}
			})
			var tab=new Swiper(".tab",{
				
			})
			var is=new IScroll("main")
//			var nav=new Swiper(".nav",{
//			slidesPerView:9,
//			direction:"vertical",
//			onTap:function(){
//				var index=nav.clickedIndex;
//				tabb.slideTo(index);
//				$(".nav li").eq(index).addClass("active").siblings().removeClass("active")
//			}
//			})
//			var tabb=new Swiper(".tabb",{
//				
//			})
		</script>
	</body>
</html>
